<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>example</title>
		<link rel="stylesheet" type="text/css" href="../build/bootstrap/css/bootstrap.css" />
		<script src="../build/jquery/jquery-3.0.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../build/bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">

		</style>
	</head>

	<body>
		<div class="container">
			<div class="col-md-12">
				<br />
				<hr />
				<br />
				<hr />
				<br />
				<hr />
				<br />
				<hr />
			</div>
			<div class="btn-group">
				<button type="button" class="btn btn-default">Default</button>
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        			<span class="caret"></span>
        			<span class="sr-only">Toggle Dropdown</span>
     				</button>
				<ul class="dropdown-menu">
					<li>
						<a href="#">Action</a>
					</li>
					<li>
						<a href="#">Another action</a>
					</li>
					<li>
						<a href="#">Something else here</a>
					</li>
					<li role="separator" class="divider"></li>
					<li>
						<a href="#">Separated link</a>
					</li>
				</ul>
			</div>
			<!-- /btn-group -->
			<div class="btn-group">
				<button type="button" class="btn btn-primary">Primary</button>
				<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			        <span class="caret"></span>
			        <span class="sr-only">Toggle Dropdown</span>
			      	</button>
				<ul class="dropdown-menu">
					<li>
						<a href="#">Action</a>
					</li>
					<li>
						<a href="#">Another action</a>
					</li>
					<li>
						<a href="#">Something else here</a>
					</li>
					<li role="separator" class="divider"></li>
					<li>
						<a href="#">Separated link</a>
					</li>
				</ul>
			</div>
			<!-- /btn-group -->
			<div class="btn-group">
				<button type="button" class="btn btn-success">Success</button>
				<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			        <span class="caret"></span>
			        <span class="sr-only">Toggle Dropdown</span>
			      	</button>
				<ul class="dropdown-menu">
					<li>
						<a href="#">Action</a>
					</li>
					<li>
						<a href="#">Another action</a>
					</li>
					<li>
						<a href="#">Something else here</a>
					</li>
					<li role="separator" class="divider"></li>
					<li>
						<a href="#">Separated link</a>
					</li>
				</ul>
			</div>
			<!-- /btn-group -->
			<div class="btn-group">
				<button type="button" class="btn btn-info">Info</button>
				<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			        <span class="caret"></span>
			        <span class="sr-only">Toggle Dropdown</span>
			      </button>
				<ul class="dropdown-menu">
					<li>
						<a href="#">Action</a>
					</li>
					<li>
						<a href="#">Another action</a>
					</li>
					<li>
						<a href="#">Something else here</a>
					</li>
					<li role="separator" class="divider"></li>
					<li>
						<a href="#">Separated link</a>
					</li>
				</ul>
			</div>
			<!-- /btn-group -->
			<div class="btn-group">
				<button type="button" class="btn btn-warning">Warning</button>
				<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			        <span class="caret"></span>
			        <span class="sr-only">Toggle Dropdown</span>
			      </button>
				<ul class="dropdown-menu">
					<li>
						<a href="#">Action</a>
					</li>
					<li>
						<a href="#">Another action</a>
					</li>
					<li>
						<a href="#">Something else here</a>
					</li>
					<li role="separator" class="divider"></li>
					<li>
						<a href="#">Separated link</a>
					</li>
				</ul>
			</div>
			<!-- /btn-group -->
			<div class="btn-group dropup">
				<button type="button" class="btn btn-danger">Danger</button>
				<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			        <span class="caret"></span>
			        <span class="sr-only">Toggle Dropdown</span>
			      </button>
				<ul class="dropdown-menu">
					<li>
						<a href="#">Action</a>
					</li>
					<li>
						<a href="#">Another action</a>
					</li>
					<li>
						<a href="#">Something else here</a>
					</li>
					<li role="separator" class="divider"></li>
					<li>
						<a href="#">Separated link</a>
					</li>
				</ul>
			</div>
			<!-- /btn-group -->
		</div>
	</body>

</html>